import React from "react";
import stylecalss from "@/style/custCard.module.scss"
import CustCardHeader from "./custCardHeader";

function Custcard({ centerStyle,children, style, border, flex, alpah = false, hideHeader = true, title, titleCenter = false,
    btn = ["年", "月"], hideDateBtn = true, hideDownBtn = false, hideBtn = false,
}) {


    return (
        <>
            <div className={stylecalss.custNumber_card} style={{ ...style }}  >
                <div className={stylecalss.card_center} style={{ backgroundColor: alpah ? "rgba(0,0,0,0)" : "rgb(0, 11, 39)", ...centerStyle }}>
                    <div className={stylecalss.card}>
                        {
                            hideHeader ? null : <CustCardHeader btn={btn} hideDateBtn={hideDateBtn} hideDownBtn={hideDownBtn} hideBtn={hideBtn} title={title} titleCenter={titleCenter} />
                        }
                        {children}
                    </div>

                </div>
            </div>
        </>
    )
}
export default Custcard;